<!DOCTYPE html>
<html>
	<head>
	<meta name="layout" content="main_mobile">
	<title>火堆捐赠证书</title>	
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>	
	<link rel="stylesheet" href="${resource(dir: 'css', file: 'electronic_signature.css')}" type="text/css">
	
	<style>
	    body{
	        background-color: #fff;
	    }
	    .ui-container.style1{
	        border-bottom:44px solid #fff;
	    }
    </style>
    	
	</head>
	
	<body>
	
	<script type="text/javascript">
	    wx.config({
	 	    debug: false,  // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	 	    appId: '${appid}', // 必填，公众号的唯一标识
	 	    timestamp: "${timestamp}", // 必填，生成签名的时间戳
	 	    nonceStr: '${nonceStr}', // 必填，生成签名的随机串
	 	    signature: '${signature}',// 必填，签名，见附录1
	 	    jsApiList: ['checkJsApi' , 'onMenuShareAppMessage' , 'onMenuShareTimeline']
	 	});

	 	wx.ready(function(){
	 		wx.checkJsApi({
	 		    jsApiList: ['onMenuShareAppMessage' , 'onMenuShareTimeline'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
	 		    success: function(res) {
	 		       //alert('wx.check: '+JSON.stringify(res));
	 		    }
	 		});
	 		//发送给朋友分享功能
	 		wx.onMenuShareAppMessage({
	 		    title: '我是${member?.nickname}，邀请您和我一起献爱心！—火堆公益', // 分享标题
	 		    desc: '火堆捐赠证书', // 分享描述
	 		    link: '${shareUrl}', // 分享链接
	 		    imgUrl: '${imgUrl}', // 分享图标
				trigger: function () {
				//alert("点击按钮");
				},
	 		    success: function () { 
	 		        // 用户确认分享后执行的回调函数
	 		    },
	 		    cancel: function () { 
	 		        // 用户取消分享后执行的回调函数
	 		    }
	 		});

	 		//分享到朋友圈
	 		wx.onMenuShareTimeline({
	 		    title: '我是${member?.nickname}，邀请您和我一起献爱心！—火堆公益', // 分享标题
	 		    link: '${shareUrl}', // 分享链接
	 		    imgUrl: '${imgUrl}',  // 分享图标
	 		    success: function () { 
	 		        // 用户确认分享后执行的回调函数
	 		    },
	 		    cancel: function () { 
	 		        // 用户取消分享后执行的回调函数
	 		    }
	 		});

	 	});
	 	wx.error(function (res) {
			//alert('wx.error: '+JSON.stringify(res));
	    });
	</script>
    
    <section class="ui-container style1 ui-bgcircle" style="border-bottom: 20px solid #fff;">
    <!--a class="link-bind-phone" href="/scfire/user/modifyMoblie">绑定手机号，获得随机新年礼物&nbsp;&gt;&gt;</a-->
        <div class="ui-share">
            <img  alt="" class="ui-share-img" src="${resource(dir:'images',file:'share.png')}" >
            <div class="ui-share-txt">点击此处分享到朋友圈</div>
            <img class="ui-share-arrow" src="${resource(dir:'images',file:'share-arrow.png')}">
        </div>
        <img class="ui-img-heart" src="${resource(dir:'images',file:'heart.png')}">
        <div class="ui-thx-banner">
            <div class="ui-banner-left1"></div>
            <div class="ui-banner-left2"></div>
            <div class="ui-banner-center">
                <span>${member?.nickname}，</span>感谢你助力公益教育！
            </div>
            <div class="ui-banner-right2"></div>
            <div class="ui-banner-right1"></div>
        </div>

        <div class="ui-avatar-wrap">
            <div class="ui-avatar">
            	<g:if test="${member?.headimgurl!=null }">
               		<span style="background-image:url(${member.headimgurl})"></span>
               	</g:if>
               	<g:else>
               		<span style="background-image:url(${resource(dir: 'images/demo', file: 'demo-avatar-1.jpg')})"></span>
               	</g:else>           
            </div>
            <div class="ui-thx-txt1">你已成功捐助   ${donate_fee} 元</div>
           <g:if test="${fRuler!=null}">
           <g:if test="${fdonatemoney!=0}">
            <div class="ui-fp-hint">
                 <span class="img-box" style="background-image:url(/scfire/project/imgRead?img=${fRuler?.fundPool.coverPic})"></span>
                               ${fRuler?.fundPool?.name } 为您配捐<em> <g:formatNumber number="${fdonatemoney}" format="0.00"/></em> 元
            </div>
            </g:if>
            </g:if>
            <div class="ui-thx-txt2">“${project.name}”</div>
             <g:if test="${119 == project?.id}"> 
             <div class="ui-thx-txt1"> 感谢你的捐款，我们为你准备了一份小礼物！</div>	
             </g:if>
             <g:else>
              <div class="ui-thx-txt1">欢迎通过“善款捐赠消息”进行留言分享</div>	
             </g:else>
           
            <!--  
            <div class="ui-thx-txt3">捐赠唯一编号：</div>
            -->

        </div><%--
        <img src="${resource(dir:'images',file:'logo_and_txt.png')}" alt="" class="ui-introduction">
        
        
 
        --%><!-- 
            这里只有查看项目信息
        -->
        <footer class="ui-footer ui-footer-stable ui-border-t">
	        <div class="ui-footer-btns">
	          <g:if test="${119 == project?.id}"> 
	           <button type="button" class="btn-footer btn-red" onclick="window.location.href='http://mp.weixin.qq.com/s?__biz=MzI3MjI4MzQ4NA==&mid=100000009&idx=1&sn=637ca0fe79620ebbe1326ddc07ffc5a6#rd'">截取此屏，点击领取大家保保险
				</button>
	            </g:if>
	            <g:else>
	             <button type="button" class="btn-footer btn-red" onclick="window.location.href='/scfire/'">去看看其他项目</button>
	            </g:else>
	        </div>
    	</footer>
       
    </section>
    
    <script>
        (function() {

        })();
    </script>
	    
	     
        
	</body>
</html>
